<?php
session_start();
if(!isset($_SESSION['id'])){
    header('Location: login.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>::: SOS UNITAU -- Sistema de ordem de serviço</title>

        <link rel="shortcut icon" href="img/logo.jpg">
        <link rel="stylesheet" type="text/css" href="css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/icons.css" />
        <link rel="stylesheet" type="text/css" href="css/style2.css" />
        <link rel="stylesheet" type="text/css" href="css/StylePage.css" />
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/component.css" />
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery1.6.min.js"></script>
        <script src="js/jquery.maskedinput-1.3.min.js"></script>
<!--        <script type="text/javascript"> PARA NAO CONFLITAR 
            var $JQuery = jQuery.noConflict();
        </script>-->

        <script>
            $(document).ready(function(){
                $(".cep").mask("99.999-999");
            });


        </script>
        
        <script>
            $(document).ready(function () {
                $('#novoCampus').click(function () {
                    
                    var camp = $('#txtCampus').val().trim();
                    var num = $('#txtNum').val().trim();
                    var cep = $('#txtCEP').val().trim();
                    
                    if (camp == "") {
                        alert('Preencha o campus');
                    } else if (cep == "") {
                        alert('Preencha o cep');
                    } else if (num == "") {
                        alert('Preencha o numero');
                    } else {

                        $.post("../funcoes/novo_campus.php", {camp: camp, cep: cep, num: num}, function (retorno) {
//                            if (retorno.length) {
//
//                            }
                            
                            window.opener.$('#txtCampus').find('option').remove();

                            window.opener.$('#txtCampus').append("<option value='0'>Selecione</option>");

                            $.each(retorno.campus, function (key, value) {
                                //                                alert(value.id + " - " + value.nome);
                                window.opener.$('#txtCampus').append("<option value='" + value.id + "'>" + value.nome + "</option>");

                            });
                            
                            alert('Campus cadastrado com Sucesso!');
                            window.self.close();
                        }, "json").fail(function () {
                            alert("erro");
                        });
                    }
                });
            });
        </script>
        
        <script type="text/javascript">
            $(document).ready(function () {

                $('#txtCEP').keyup(function () {
                    var leng = $(this).val().replace('_', '').length;

                    if (leng == 10) {
                        var c = $('#txtCEP').val();

                        $('#txtEndereco').val('Aguarde...');
                        $('#txtBairro').val('Aguarde...');
                        $('#txtCidade').val('Aguarde...');
                        $('#txtUf').val('Aguarde...');

                        $.post('../funcoes/func_logradouro.php', {cep: c}, function (retorno) {

                            if (retorno.erro != "Nao encontrado") {
                                $('#txtId').val(retorno.id);
                                $('#txtEndereco').val(retorno.endereco);
                                $('#txtBairro').val(retorno.bairro);
                                $('#txtCidade').val(retorno.cidade);
                                $('#txtUF').val(retorno.uf);
                                $('#txtNum').focus();
                            } else {
                                $('#txtEndereco').val(retorno.erro);
                                $('#txtId').val("");
                                $('#txtBairro').val("");
                                $('#txtCidade').val("");
                                $('#txtUF').val("");
                                $('#txtCep').focus();
                            }
                        }, "json");
                    }
                });
            });
        </script>

        

    </head>
    <body style="overflow-x: hidden">
        <form name="adicionarCampus" id="adicionarCampus" method="post" action="" class="style-form">

            <fieldset style="width:30px;">
                <legend>Informações do logradouro </legend>
                <table width="800px" class="table-form">
                    <!--- ALTERADO --->
                    <tr>
                        <td> <label for="txtCampus"> Nome do Campus: </label> </td>
                        <td> <input name="txtCampus" id="txtCampus" type="text" placeholder="Ex: Bom conselho" /></td>
                    </tr>
                    <!-- /ALTERADO -->
                    <tr> <!-- ALTERADO MASCARA -->
                        <td> <label for="txtCEP"> CEP: </label> </td>
                        <td> <input name="txtCEP" id="txtCEP" type="text" class="cep"  /></td>
                    </tr>
                    <td> <label for="txtEndereco"> Endereço: </label></td>
                    <td> <textarea name="txtEndereco" id="txtEndereco" placeholder="Informe um endereço válido" readonly></textarea></td>
                    </tr>
                    <tr>
                        <td> <label for="txtBairro"> Bairro: </label> </td>
                        <td> <input name="txtBairro" id="txtBairro" type="text" required placeholder="Ex: Centro" readonly /></td>
                    </tr>
                    <tr>
                        <td> <label for="txtCidade"> Cidade: </label> </td>
                        <td> <input name="txtCidade" id="txtCidade" type="text" required placeholder="Informe o telefone" readonly /></td>
                    </tr>
                    <tr>
                        <td> <label for="txtUF"> UF: </label> </td>
                        <td> <input name="txtUF" id="txtUF" type="text" style="width:50px" maxlength="2" readonly/></td>
                    </tr>
                    <tr>
                        <td> <label for="txtNum"> Número: </label> </td>
                        <td> <input name="txtNum" id="txtNum" type="number" style="width:70px" maxlength="7" /></td>
                    </tr>
                    <!-- ALTERADO, COLOCANDO O READONLY -->
                </table>
                <input type="button" value="Gravar" id="novoCampus" style="display:inline-block; margin-left:50%; margin-top:3%;" class="botao"/>
                <input type="button" value="Cancelar" style="margin-left:5%;" onClick="javascript:c = window.confirm('Deseja Realmente cancelar?');
                        if (c == true) {
                            self.close();
                        } else {
                        }" class="botao" />    
            </fieldset>

        </form>


    </body>
</html>